home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2018 July / PCgo 07-2018 CD-ROM Germany.iso / nw.pak / Unnamed File 000088.txt < prev    next >
Encoding:
Text File  |  2015-07-29  |  1.7 KB  |  95 lines
  1. /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2.  * Use of this source code is governed by a BSD-style license that can be
  3.  * found in the LICENSE file. */
  4.  
  5. .bubble {
  6.   position: absolute;
  7.   white-space: normal;
  8.   /* Height is dynamic, width fixed. */
  9.   width: 300px;
  10.   z-index: 9999;
  11. }
  12.  
  13. .bubble-content {
  14.   color: black;
  15.   line-height: 150%;
  16.   margin: 1px;
  17.   padding: 8px 11px 12px;
  18.   position: relative;
  19.   z-index: 3;
  20. }
  21.  
  22. /* When the close button is there, we need more padding on the right of the
  23.  * bubble. */
  24. .bubble-close:not([hidden]) ~ .bubble-content {
  25.   -webkit-padding-end: 22px;
  26. }
  27.  
  28. .bubble-close {
  29.   height: 16px;
  30.   position: absolute;
  31.   right: 6px;
  32.   top: 6px;
  33.   width: 16px;
  34.   z-index: 4;
  35. }
  36.  
  37. html[dir='rtl'] .bubble-close {
  38.   left: 6px;
  39.   right: auto;
  40. }
  41.  
  42. .bubble-close {
  43.   background-image: -webkit-image-set(
  44.       url(../../../resources/default_100_percent/close_2.png) 1x);
  45. }
  46.  
  47. .bubble-close:hover {
  48.   background-image: -webkit-image-set(
  49.       url(../../../resources/default_100_percent/close_2_hover.png) 1x);
  50. }
  51.  
  52. .bubble-close:active {
  53.   background-image: -webkit-image-set(
  54.       url(../../../resources/default_100_percent/close_2_pressed.png) 1x);
  55. }
  56.  
  57. .bubble-shadow {
  58.   bottom: 0;
  59.   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  60.   left: 0;
  61.   position: absolute;
  62.   right: 0;
  63.   top: 0;
  64.   z-index: 1;
  65. }
  66.  
  67. .bubble-arrow {
  68.   -webkit-transform: rotate(45deg);
  69.   box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15);
  70.   height: 15px;
  71.   position: absolute;
  72.   width: 15px;
  73.   z-index: 2;
  74. }
  75.  
  76. .bubble-content,
  77. .bubble-arrow {
  78.   background: white;
  79. }
  80.  
  81. .bubble-shadow,
  82. .bubble-arrow {
  83.   border: 1px solid rgba(0, 0, 0, 0.3);
  84. }
  85.  
  86. .bubble-shadow,
  87. .bubble-content {
  88.   border-radius: 6px;
  89.   box-sizing: border-box;
  90. }
  91.  
  92. .auto-close-bubble {
  93.   position: fixed;
  94. }
  95.